export default {
    data: {
        scrollAmount: 30,
        loop: 3,
        marqueeDir: 'left',
        marqueeCustomData: 'Custom marquee',
    },
    onMarqueeBounce: function() {
        console.log("onMarqueeBounce");
    },
    onMarqueeStart: function() {
        console.log("onMarqueeStart");
    },
    onMarqueeFinish: function() {
        console.log("onMarqueeFinish");
    },
    onStartClick (evt) {
        this.$element('customMarquee').start();
    },
    onStopClick (evt) {
        this.$element('customMarquee').stop();
    },
    changeDirection(){
        this.marqueeDir=this.marqueeDir==='left'?'right':'left'
        this.onStartClick()
    }
}
